<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  title="管理员列表" width="80%" height="100%" class="dialogStyleBase" :visible.sync="boxVisible"
    :before-close="closeBox" append-to-body>
    
    <div  style="height: 500px;">
        <el-table v-loading="mixinList_loading" :data="mixinList_tableData" border style="width: 100%;height: 500px;"
            :ref="mixinPage_vueName+'TableSmall'" height="100%" @selection-change="checke">
            <el-table-column type="selection" width="50" align="center"></el-table-column>
            <el-table-column prop="albumUrl" label="封面图" width="70px" align="center">
                <template slot-scope="scope">
                    <!-- <div class="albumUrl">
                        <imageBox :src="scope.row.albumUrl"></imageBox>
                    </div> -->
                    <img class="albumUrl" :src="scope.row.albumUrl" />
                </template>
            </el-table-column>
            <el-table-column prop="name" label="名称"></el-table-column>
            <el-table-column prop="salePrice" label="价格"></el-table-column>
            <el-table-column prop="stock" label="总库存"></el-table-column>
            <el-table-column prop="orderSales" label="实际销量"></el-table-column>

            <el-table-column prop="publishStatus" align="center" label="上架状态">
                <template slot-scope="scope">
                    <StateIcon :type="scope.row.publishStatus==1?'error':'success'"></StateIcon>
                </template>
            </el-table-column>
        </el-table>
    </div>

    <!-- <div class="list" v-loading="mixinList_loading">
        <div :class="'li '+(item.id==selectData.id)" v-for="(item,index) in mixinList_tableData" :key="item.id"
            @click="select(item)">
            <div class="name">{{item.name}}</div>
            <div class="mobile">{{ item.categoryName }} -> {{ item.subCategoryName }}</div>
            <div class="select"><i class="el-icon-success"></i></div>
        </div>
    </div> -->

    <div slot="footer">
        <el-row>
            <el-col :span="18" align="left">
                <el-pagination class="paginationStyle" :disabled="mixinList_pageData.total<=0" background
                    @current-change="mixinList_pagingData($event)" :current-page="mixinList_pageData.pageNum"
                    :page-size.sync="$vFN.Constants.pageSize" layout="total, prev, pager, next,jumper"
                    :total.sync="mixinList_pageData.total">
                </el-pagination>
            </el-col>
            <el-col :span="6" align="right">
                <el-button type="primary" @click="submit()">确定</el-button>
            </el-col>
        </el-row>
    </div>
</el-dialog>